<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>test002</title>
	</head>
	<body>
		<table align="center" border="0" cellspacing="0" width="500" height="600">
			<!--此行高度占上一级别table的总高度的比例，行内文本居中，背景色设置-->
			<tr height="20%" align="center" bgcolor="brown">   
				<td colspan="2">导航菜单</td>
			</tr>
			
			<tr height="60%"  align="center">
				<td width="60%" bgcolor="cornflowerblue">轮播图片</td>
				<td>
					<!--在此行此列中镶嵌一个表-->
					<table border="0" cellspacing="0" width="100%" height="100%">  
					    <tr align="center">
						    <td bgcolor="aliceblue">P1</td>
						    <td bgcolor="antiquewhite">P2</td>
					    </tr>
					    <tr align="center">
						    <td bgcolor="aqua">P3</td>
						    <td bgcolor="bisque">P4</td>
					    </tr>
				    </table>
				</td>
				
			</tr>
			
			<tr height="20%" align="center" bgcolor="chocolate">
				<td colspan="2">底部</td>
			</tr>
		</table>
		
	</body>
</html>
